<template>
	<div class="nav">
		<router-link 
			v-for="(v, i) in layoutChildren"
			:key="i"
			:to="v.path"
		>{{ v.meta && v.meta.title }}</router-link>
	</div>
</template>


<script lang="ts" setup>
import { layoutChildren } from '@/router'
</script>


<style scoped>
.nav {
	height: 36px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	border-bottom: 1px solid #ccc;
}
</style>